/* CSS Document */
*{
	margin:0 auto;
	padding:0}
a{ text-decoration:none}


a:hover{
	text-decoration:none !important}
ul{
	list-style:none}
.clear{
	clear:both 
	}
span.tieu_de{
	height:38px;
	background:#000;
	text-transform:uppercase;
	font-size:16px;
	color:#FFF;
	padding:10px 50px 0px 50px;
	text-align:center;
	border:none;
	max-width:70%;
	font-weight:bold;
	
	}	
body{
	font:Arial;
	font-size:14px;
	}
#wapper{

	
	}
header{
	width:100%;
}
div.modal-header{
	background:#00F;
	opacity:0.9;
	border-bottom:3px solid #090}
h4.modal-title{
	font-weight:bold;
	color:#FFF;}
div.modal-body{
	padding:20px 120px}	
div.modal-footer{
	background:#FF9;
	text-align:center}	
div.regester{
	margin:50px auto;
	z-index:999999;
	background:#FFF;
	width:600px;
	display:none
	}
div.loginuser{
	display:none;
	margin:50px auto;
	z-index:999999;
	background:#FFF;
	width:600px
	}	
		
/*CSS FOR boxlogin*/
.boxsearch{width:100%; float:left;background:#FFF; margin-top:10px}
.boxsearch form{
	
	background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#61a7e5),color-stop(50%,#226dc8));

	background: -moz-linear-gradient(center top , #61A7E5 5%, #226DC8 50%) repeat scroll 0% 0% transparent;
	
	border:#069 1px solid;
	border-radius:3px;
	float:left;
	padding:5px;
	width:100%
}
.boxsearch form input[type=text]{width:50%; float:left;margin:0; border:0px; height:30px; border-right:2px dotted #0FF;padding:5px 10px}
.boxsearch form select{margin:0;float:left;width:30% ;border:0px; height:30px;text-align:center;padding-top:3px}
.boxsearch form select option{color:#090;font-weight:bold; margin-top:5px;}
.boxsearch form button{margin:0;float:left;width:20% ;border:0px}

.login ul{
	margin-top:30px;
	}
	
.login ul li{
	float:left; margin:0px 5px}
.login ul li a{
	font-weight:bold}	

nav{
	width:100%;
	background:#0F0
}
#main-menu{
	z-index:999;
	}
	
	nav.navbar{
		margin:0;
		padding:0}
	.top-menu{
		background:#03C;
		width:100%}
	.top-menu ul{ margin:0; padding:0}
	.top-menu ul li{
	display:inline-block; 
	padding:0px;
	position:relative;}	
	.top-menu ul li a{
		color:#FFF !important;
		font-weight:bold;
		padding-bottom:20px;}
	.top-menu>ul>li:hover>a{
		background:#03F !important
	}
	.top-menu ul li:hover>ul{
		display:block;
		
	}
	.top-menu ul li ul{
		background:#FFF;
		opacity:0.9}
	.top-menu ul li ul li{ 
	background:#FFF;
	width:100%}
	.top-menu ul li ul li a{
		color:#000 !important} 
	.top-menu ul li ul li:hover a{
		color:#900 !important;
		background:#FFF}
article{
	padding:10px 0px;
	}	
h4.hotline{
	float:left}	
h4.hotline span{
	color:#F00}	
h5.email{
	padding:0px 15px;
	float:right;
	position:relative;
	margin-right:50px}
ul#email_input{
	position:absolute;
	display:none;
	left:-80px;
	padding:5px;
	width:350px;
	margin:0}
ul#email_input input{
	margin:0;
	padding:0}	
h5.email:hover ul#email_input{
	display:block;
	
	}				 
section{
	width:100%;
	}
ul.list-group li a{
	color:#F90;
	font-weight:bold;
	font-size:14px;}
	
	
	
ul.left-nav li a{
	font-size:18px;
	color:#00F !important;
	font-weight:bold !important}	
ul.left-nav li a{
	color:#FFF;
	font-weight:bold}
ul.left-nav li a:hover{	
	color:#F00}	
	
.pro-list{
	margin-top:30px}
ul.most-product{
	margin:0;
	padding:0;
	background:none;
	border:none;
	
	}	
ul.most-product li{
	margin:0;
	padding:0;
	background:none;
	border:none;
	margin:10px 90px

	
	
	}	
ul.most-product li a{
	margin:0;
	padding:0;
	background:none;
	border:0px;
	border-radius:50%;
	}	

	
ul.most-product li:hover .danhmuc{
	color:#F00;
	}	
/*CSS cho list product*/	
h4.name-product{
	height:40px;
	overflow:hidden}
h3.name-product a{
	color:#000;
	font-weight:bold;
	font-size:20px
	
	}	
h4.name-product a{
	color:#333;
	font-size:14px;
	font-weight:bold
	}	
span.price-product{
	color:#F00;
	font-size:19px;
}
h3.price-product{
	color:#F00;
	font-size:25px;
}
span.last-price-product{
	color:#999;
	font-size:16px;
	text-decoration: line-through
	}
div.thumbnail{
	position:relative;
	overflow:hidden}
div.thumbnail:hover h3.info , h3.viewmore{
	display:block
	}	
span.info{
	color:#060;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold}	
div.thumbnail:hover h3.viewmore{
	display:block
	}
div.thumbnail:hover{
	box-shadow:#0CF 0px 1px 1px 0px}		
h3.khuyenmai{
	position:absolute;
	top:0px;
	right:25px;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:20px;
	border-radius:50%;
	font-size:16px}	
h3.info{
	display:none;
	position:absolute;
	top:-20px;
	width:100%;
	text-align:center;
	background:#FFF;
	opacity:0.7;
	color:#03F;
	padding:15px 5px;
	font-weight:bold;
	font-size:14px}	
h3.viewmore{
	display:none;
	position:absolute;
	top:-20px;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:70%;
	
	
}
div.view-image{
	margin: auto}
div.detail-product{
	margin: 20px 0px}	
div.view-image img.bigimg{
	
	margin:15px}
div.view-image ul li{
	margin:20px 18px;
	display:inline-block;
	text-align:center
	}	
h3.title{
	font-weight:bold;
	font-size:28px;
	color:#00F;
	border-bottom:5px solid #03F;
	padding:10px 20px}	
ul.info{
	padding:10px 20px;}	
ul.info li{
	list-style:square;
	color:#000;
	padding:5px;}
ul.info li:first-child{
	color:#F00;
	font-weight:bolder}	
div.detail{
	margin:0px auto;
	padding:15px 5px 10px 15px}	
h3.danhmuc{
	background:#00F;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	padding:7px 5px;
	border-radius:5px;
	font-size:19px}
div.bottom-nav{
	margin:10px 50px}	
						

.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}
div.bottom-nav{
	position:relative}
div.bottom-nav ul{
	top:30px}	
div.bottom-nav:hover ul.dropdown-menu{
	display:block
	}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 10px;
    display:none;
	
}	

.fiximages img{
	width:450px;
	height:400px;
	
	
	}
footer{
	width:100%;
	padding:10px 0px }
								

